
    apiready = function () {
        $api.fixStatusBar( $api.dom('header') );
        //设置状态栏样式
        api.setStatusBarStyle({
            style: 'dark',
            color: 'white'
        });
        funIniGroup();
        // openSider();
    }

    /*
    * 方法描述：加载组
    *
    */
    function funIniGroup(){
        var eHeaderLis = $api.domAll('header li'),
            frames = [];
        for (var i = 0,len = eHeaderLis.length; i < len; i++) {

              //把要显示的页面添加到页面
                frames.push( {
                    name: 'frame'+i,
                    url: 'html/frame'+i+'.html',
                    bgColor : 'rgba(0,0,0,.2)',
                    bounces:false//是否可以进行下拉
                } )
        }
        /**
        * 方法描述：当前页面打开的组
        *
        */
        api.openFrameGroup({
            name: 'group',
            scrollEnabled: false,// frame 组是否可以被左右滚动
            rect: {
                x: 0,
                y: $api.dom('header').offsetHeight,
                w: api.winWidth,
                h: $api.dom('#main').offsetHeight
            },
            index: 0,//默认的选择的页面
            frames: frames
        }, function (ret, err) {

        });
    }

    /*
    **
    *方法描述：切换按钮
    *
    */
    function randomSwitchBtn( tag ) {
      //如果当前已经被选择，则返回
        if( tag == $api.dom('#footer li.active') )return;
        //查找footer 和header下面的li
        var eFootLis = $api.domAll('#footer li'),
            eHeaderLis = $api.domAll('header li'),
            index = 0;
        for (var i = 0,len = eFootLis.length; i < len; i++) {
            if( tag == eFootLis[i] ){
                index = i;
            }else{
                $api.removeCls(eFootLis[i], 'active');
                $api.removeCls(eHeaderLis[i], 'active');
            }
        }
        $api.addCls( eFootLis[index], 'active');
        $api.addCls( eHeaderLis[index], 'active');
        api.setFrameGroupIndex({
            name: 'group',
            index: index
        });
    }


    /**
    * 方法描述：打开侧边栏
    **/
  function openSider() {
    api.openSlidLayout({
        type: 'left',//侧边栏方向
        leftEdge: 60,//左侧的时候预留的距离
        fixedPane: {
            name: 'fixed',
            url: 'html/fixed.html',
            scrollToTop:false,
            bounces:false,
        },
        //首页配置
        slidPane: {
            name: 'html',
            url: 'index.html'
        }
    }, function (ret) {

    });
  }

//点击回到侧边栏
function sliding(){
    api.openSlidPane({type: 'left'});
};
